<template>
    <div class="container">
        <div class="header-title">
            <router-link to="/">
                <div class="iconfont back-icon">&#xeb99;</div>
            </router-link>
            城市选择
            <div class="header-input">
                <input type="text" placeholder="输入关键词" />
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: 'CityHeader',
};
</script>

<style lang="stylus" scoped>
.header-title
  position relative;
  text-align center;
  font-size .3rem;
  color #fff;
  padding .2rem 0;
  background #00bcd4;
  .header-input>input
    width 80%;
    text-align center;
    height .44rem;
    margin .2rem 0 0 0;
    border-radius .1rem;
  .back-icon
    position absolute;
    left .2rem;
    color #fff;
</style>
